<template>
  <div class="tree-node">
    <div class="node-content">
      <span>{{ node.label }}</span>
      <!-- 可以添加更多元素，如图标、按钮等 -->
    </div>
    <ul v-if="node.children && node.children.length > 0">
      <TreeItem
          v-for="(child, index) in node.children"
          :key="index"
          :node="child"
      />
    </ul>
  </div>
</template>

<script setup>
const props = defineProps({
  node: {
    type: Object,
    required: true,
  },
});
</script>

<style scoped>
.tree-node {
  /* 你可以添加自己的样式 */
}
.node-content {
  /* 你可以添加自己的样式 */
}
</style>